<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=1">
	<title>lab2-2</title>
    <link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link href="css/ma5slider.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/lab2-2.css">
</head>
<body>
<div class="container col-md-12" style="background-color: #4F3E8A;padding-top: 20px;padding-bottom: 10px">
    <div class="col-lg-5">
        <div class="col-md-2"></div>
        <div class="col-lg-6">
            <img src="images/btnlogo.png">
        </div>
        <div class="col-md-4">
            <span class="col-md-12 text-left" style="margin-top: 20px;margin-left:35px;color: #fcfaff;font-size: 1.4em;font-weight:700;">北美学院</span>
            <span class="col-md-12 text-right" style="color: #fcfaff;margin-top: 10px;margin-right: 5px">COLLEGE</span>
        </div>
    </div>
    <div class="col-md-7">
        <span class="text-right col-md-12" style="color: #fcfaff">
            <a href="#" style="color: #fcfaff;text-decoration: none">中文版</a>|
            <a href="#" style="color: #fcfaff;text-decoration: none">English</a>
        </span>
        <div>
            <ul class="col-md-12" style="padding: 0;margin: 0;list-style:none;margin-top: 35px">
                <li class="col-lg-2">
                    <a href="#" style="color: #fcfaff;text-decoration: none">首页</a>
                </li>
                <li class="col-lg-2" style="color: #fcfaff">
                    <a href="#" style="color: #fcfaff;text-decoration: none">学校概况</a>
                </li>
                <li class="col-lg-2" style="color: #fcfaff">
                    <a href="#" style="color: #fcfaff;text-decoration: none">教学教务</a>
                </li>
                <li class="col-lg-2" style="color: #fcfaff">
                    <a href="#" style="color: #fcfaff;text-decoration: none">学生天地</a>
                </li>
                <li class="col-lg-2" style="color: #fcfaff">
                    <a href="#" style="color: #fcfaff;text-decoration: none">建党工作</a>
                </li>
                <li class="col-lg-2" style="color: #fcfaff">
                    <a href="#" style="color: #fcfaff;text-decoration: none">招生咨询</a>
                </li>
            </ul>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>
<div class="container col-md-12 ma5slider anim-horizontal horizontal-dots horizontal-navs center-dots inside-dots autoplay"
style="padding: 0">
    <div class="slides">
        <a href="#"><img src="./images/banner01.jpg" alt=""></a>
        <a href="#"><img src="./images/banner02.jpg" alt=""></a>
        <a href="#"><img src="./images/banner05.jpg" alt=""></a>
        <a href="#"><img src="./images/banner06.jpg" alt=""></a>
        <a href="#"><img src="./images/banner07.jpg" alt=""></a>
    </div>
</div>
<div class="container col-md-12">
    <table class="table col-md-10 table-bordered">
        <tr align="center">
            <td><a href="#"><img src="images/pic_menu01.png"></a></td>
            <td><a href="#"><img src="images/pic_menu02.png"></a></td>
            <td><a href="#"><img src="images/pic_menu03.png"></a></td>
        </tr>
        <tr align="center">
            <td><a href="#"><img src="images/pic_menu04.png"></a></td>
            <td><a href="#"><img src="images/pic_menu05.png"></a></td>
            <td><a href="#"><img src="images/pic_menu07.png"></a></td>
        </tr>
    </table>
</div>
<div class="container col-md-12">
    <div class="col-md-1"></div>
    <div class="col-md-4">
        <img src="images/title.jpg">
        <hr>
        <ul style="padding: 0;margin: 0px">
            <li>
                <span class="col-md-9 pull-left text-left">国教北美学院举办十九大精神专题学习班</span>
                <span class="col-md-3 pull-right text-right">2017-12-25</span>
            </li>
            <li>
                <span class="col-md-9 pull-left text-left">国际教育与北美学院第三届英语文化月圆满</span>
                <span class="col-md-3 pull-right text-right">2017-12-21</span>
            </li>
            <li>
                <span class="col-md-9 pull-left text-left">不忘初心跟党走 青春建功新时代---记国际</span>
                <span class="col-md-3 pull-right text-right">2017-12-21</span>
            </li>
            <li>
                <span class="col-md-9 pull-left text-left">习拳悟道 传承经典----学院积极组织留学生</span>
                <span class="col-md-3 pull-right text-right">2017-12-20</span>
            </li>
            <li>
                <span class="col-md-9 pull-left text-left">国际教育与北美学院分党校第13期“红旗”培</span>
                <span class="col-md-3 pull-right text-right">2017-12-18</span>
            </li>
        </ul>
    </div>
    <div class="col-md-6" style="margin-top: 40px">
        <table class="table col-md-12 table-bordered">
            <tr>
                <td><a href="#"><div class="bg1"></div></a></td>
                <td><a href="#"><div class="bg2"></div></a></td>
                <td><a href="#"><div class="bg3"></div></a></td>
            </tr>
            <tr>
                <td><a href="#"><div class="bg4"></div></a></td>
                <td><a href="#"><div class="bg5"></div></a></td>
                <td><a href="#"><div class="bg6"></div></a></td>
            </tr>
        </table>
    </div>
    <div class="col-md-1"></div>
</div>
<div class="container col-md-12">
    <div class="col-md-1"></div>
    <a href="#"><div class="iconbg1"></div></a>
    <a href="#"> <div class="iconbg2"></div></a>
    <a href="#"> <div class="iconbg3"></div></a>
</div>
<div class="container col-md-12" style="background-color: #4F3E8A;padding-top: 20px;padding-bottom: 20px">
    <div class="col-md-1"></div>
    <div class="col-md-3">
        <img src="images/btnlogo.png">
        <span class="text-left col-md-12" style="font-size: 0.9em;color: #fcfaff;margin-bottom: 5px">技术支持：信息化建设与管理中心</span>
        <span class="text-left col-lg-12" style="font-size: 0.9em;color: #fcfaff">校内备案号：JW设备170045</span>
    </div>
    <div class="col-lg-3">
        <span class="text-left col-md-12" style="margin-top: 30px;margin-bottom: 5px;color: #fcfaff;font-size: 0.9em">地址：江苏省无锡市星湖大道1800</span>
        <span class="text-left col-md-12" style="margin-bottom: 5px;color: #fcfaff;font-size: 0.9em">邮编：214122</span>
        <span class="text-left col-md-12" style="margin-bottom: 5px;color: #fcfaff;font-size: 0.9em">联系电话：0510-85919669，85915010</span>
        <span class="text-left col-md-12" style="margin-bottom: 5px;color: #fcfaff;font-size: 0.9em">服务邮箱：lmdxs@jiangnan.edu.cn</span>
    </div>
    <div class="col-lg-5">
        <img src="images/2dcode.PNG">
        <img src="images/2dcode.PNG">
        <img src="images/2dcode.PNG">
    </div>
</div>
</body>
</html>
<script src="./js/jquery-1.11.0.min.js"></script>
<!--<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>-->
<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
<script src="./js/jquery-ui.min.js"></script>
<script src="./js/jquery.ui.touch-punch.min.js"></script>
<script src="./js/functions.js"></script>
<script src="./js/ma5slider.min.js"></script>
<script>
    $(window).on('load', function () {
        $('.ma5slider').ma5slider();
    });
</script>